<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <link rel="stylesheet" href="答题移动端/index.css">
    <link rel="stylesheet" href="答题移动端/content.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="答题移动端/bannerLayout.css">
    <script src="答题移动端/jquery-3.4.1.js"></script>
    <script src="答题移动端/SlideJquery.js"></script>
    <link rel="stylesheet" href="答题移动端/consult.css">
    <link rel="stylesheet" href="答题移动端/mySelf.css">
    <style>
        .javaBox{
            width: 100%;
            padding: 20px 20px;

        }
        .javaBorder{
            border: 1px solid gray;
            border: none;
            border-radius: 15px;
            overflow: hidden;
        }
        .java{
            width: 100%;
            height: 123px;
            background: url("image/D1.png")no-repeat;
            color: white;
            text-align: right;
            background-size:100% 100%;
line-height: 123px;
        }
        .java .text1{
            height: 22px;
            font-size: 22px;
        }
        .java .text2{
            margin-top: 10px;
            height: 14px;
            font-size: 14px;
        }
        .java .textJava{
            padding: 0 20px;
        }
        .dailyJava{
            width: 100%;
            height: 59px;
            background-color: #FFFFFF;
            font-size: 14px;
            line-height: 59px;
            padding: 0 20px;
        }
        .dailyJava i{
            float: right;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="header myHeader">
        <span class="consult myConsult">答题</span>
    </div>
    <div class="main">

        <div class="javaBox">
            <div class="javaBorder">
            <div class="java">
                <div class="textJava">
                <p class="text1">JAVA</p>
                <p class="text2">已报名</p>
                </div>
            </div>
            <div class="dailyJava">
                <span>每日打卡做题</span>
                <i class="dayu iconfont icon-dayuhao"></i>
            </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footerTitle homePage">
            <div class="hpStyle">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>首页</span></p>
            </div>
        </div>
        <div class="footerTitle answer">
            <div class="awStyle">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>答题</span></p>
            </div>
        </div>
        <div class="footerTitle mySelf">
            <div class="CSSbg">
                <i class="iconfont icon-zhaoshangxiaochengxu-shouye"></i>
                <p><span>我的</span></p>
            </div>
        </div>
    </div>
    <div class="floating">
        <div class="round">
            <i class="iconfont icon-weixin"></i>
            <span>咨询</span>
        </div>
    </div>

</div>
<script>
    $(function () {
        $(".answer").css("color","black");
        $(".homePage").click(function () {
            location.href="移动首页.html";
            $(".hpStyle").css("color","black");
            $(".awStyle").css("color","red");
            $(".CSSbg").css("color","red");
        })
        $(".answer").click(function () {
            $(".awStyle").css("color","black");
            $(".CSSbg").css("color","red");
            $(".hpStyle").css("color","red");

        })
        $(".mySelf").click(function () {
            location.href="我的(未登录).html";
            $(".CSSbg").css("color","black");
            $(".awStyle").css("color","red");
            $(".hpStyle").css("color","red");
        })
        $(".floating").click(function () {
            location.href="咨询.html";
        })
    })
</script>
</body>
</html>